
<script  setup>
import * as echarts from 'echarts';
import { onMounted,onBeforeUnmount } from 'vue'



onMounted(() => {

  // 基于准备好的dom，初始化echarts实例
  var myChart = echarts.init(document.getElementById('storeMarket'));
  // 绘制图表
  myChart.setOption({
      // title: {
      //   text: '门店销量',
      // },
    tooltip: {},
    xAxis: {
      data: ['猪肉白菜包', '蔬菜鸡肉卷', '番茄米线', '海鲜馄饨', '牛肉盖浇饭', '鸡汤饭']
    },
    yAxis: {},
    series: [
      {
        name: '销量',
        type: 'bar',
        data: [36, 20, 18, 16, 10, 9]
      }
    ]
  });

})

// onBeforeUnmount(()=>{
//   if (column) {
//         column.dispose()
//         column = undefined
//     }
//     if (line) {
//         line.dispose()
//         line = undefined
//     }
//     if (pie) {
//         pie.dispose()
//         pie = undefined
//     }
//     if (pies) {
//         pies.dispose()
//         pies = undefined
//     }
// })

</script>

<template>
  <div id="storeMarket" style="width: 600px;height:400px;"></div>
</template>

